<!DOCTYPE html>
<html lang="en">
<head>

    <!-- Basic Page Needs
    ================================================== -->
    <meta charset="utf-8">
    <title>Home</title>

    <!-- Mobile Specific Metas
    ================================================== -->

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!--Favicon-->
    <link rel="shortcut icon" href="{{asset('home/images')}}/favicon.ico" type="image/x-icon">
    <link rel="icon" href="{{asset('home/images')}}/favicon.ico" type="image/x-icon">

    <!-- CSS
    ================================================== -->

    <!-- Bootstrap -->
    <link rel="stylesheet" href="{{asset('home/css')}}/bootstrap.min.css">

    <!-- IconFont -->
    <link rel="stylesheet" href="{{asset('home/css')}}/iconfonts.css">
    <!-- FontAwesome -->
    <link rel="stylesheet" href="{{asset('home/css')}}/font-awesome.min.css">
    <!-- Owl Carousel -->
    <link rel="stylesheet" href="{{asset('home/css')}}/owl.carousel.min.css">
    <link rel="stylesheet" href="{{asset('home/css')}}/owl.theme.default.min.css">
    <!-- magnific -->
    <link rel="stylesheet" href="{{asset('home/css')}}/magnific-popup.css">


    <link rel="stylesheet" href="{{asset('home/css')}}/animate.css">

    <!-- Template styles-->
    <link rel="stylesheet" href="{{asset('home/css')}}/style.css">
    <!-- Responsive styles-->
    <link rel="stylesheet" href="{{asset('home/css')}}/responsive.css">

    <!-- Colorbox -->
    <link rel="stylesheet" href="{{asset('home/css')}}/colorbox.css">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
    <!--[if lt IE 9]>
    <script src="{{asset('home/js')}}/html5shiv.js"></script>
    <script src="{{asset('home/js')}}/respond.min.js"></script>
    <![endif]-->

</head>
<body>
<div class="trending-bar trending-light d-md-block">
    <div class="container">
        <div class="row justify-content-between">
            <div class="col-md-9 text-center text-md-left">
                <p class="trending-title"><i class="tsicon fa fa-bolt"></i> Trending Now</p>
                <div id="trending-slide" class="owl-carousel owl-theme trending-slide">
                    <div class="item">
                        <div class="post-content">
                            <h2 class="post-title title-small">
                                <a href="#">The best MacBook Pro alternatives in 2017 for Apple users</a>
                            </h2>
                        </div><!-- Post content end -->
                    </div><!-- Item 1 end -->
                    <div class="item">
                        <div class="post-content">
                            <h2 class="post-title title-small">
                                <a href="#">Soaring through Southern Patagonia with the Premium Byrd drone</a>
                            </h2>
                        </div><!-- Post content end -->
                    </div><!-- Item 2 end -->
                    <div class="item">
                        <div class="post-content">
                            <h2 class="post-title title-small">
                                <a href="#">Super Tario Run isn’t groundbreaking, but it has Mintendo charm</a>
                            </h2>
                        </div><!-- Post content end -->
                    </div><!-- Item 3 end -->
                </div><!-- Carousel end -->
            </div><!-- Col end -->
            <div class="col-md-3 text-md-right text-center">
                <div class="ts-date">
                    <i class="fa fa-calendar-check-o"></i>May 29, 2017
                </div>
            </div><!-- Col end -->
        </div><!--/ Row end -->
    </div><!--/ Container end -->
</div><!--/ Trending end -->

<!-- Header start -->
<header id="header" class="header">
    <div class="container">
        <div class="row align-items-center justify-content-between">
            <div class="col-md-3 col-sm-12">
                <div class="logo">
                    <a href="index.html">
                        <img src="{{asset('home/images')}}/logos/logo.png" alt="">
                    </a>
                </div>
            </div><!-- logo col end -->

            <div class="col-md-8 col-sm-12 header-right">
                <div class="ad-banner float-right">
                    <a href="#">
                        <img src="{{asset('home/images')}}/banner-image/image1.png" class="img-fluid" alt="">
                    </a>
                </div>
            </div><!-- header right end -->
        </div><!-- Row end -->
    </div><!-- Logo and banner area end -->
</header><!--/ Header end -->
@yield("pageContent")

<!-- ts-copyright start -->
<div class="ts-copyright">
    <div class="container">
        <div class="row align-items-center justify-content-between">
            <div class="col-12 text-center">
                <div class="copyright-content text-light">
                    <p>Copyright &copy; 2019.Company name All rights reserved.</p>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- ts-copyright end-->

<!-- backto -->
<div class="top-up-btn">
    <div class="backto" style="display: block;">
        <a href="#" class="icon icon-arrow-up" aria-hidden="true"></a>
    </div>
</div>
<!-- backto end-->

<!-- Javascript Files
================================================== -->

<!-- initialize jQuery Library -->
<script src="{{asset('home/js')}}/jquery.js"></script>
<!-- Popper Jquery -->
<script src="{{asset('home/js')}}/popper.min.js"></script>
<!-- Bootstrap jQuery -->
<script src="{{asset('home/js')}}/bootstrap.min.js"></script>
<!-- magnific-popup -->
<script src="{{asset('home/js')}}/jquery.magnific-popup.min.js"></script>
<!-- Owl Carousel -->
<script src="{{asset('home/js')}}/owl.carousel.min.js"></script>
<!-- Color box -->
<script src="{{asset('home/js')}}/jquery.colorbox.js"></script>
<!-- Template custom -->
<script src="{{asset('home/js')}}/custom.js"></script>

<style>
    .copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
</style>
<div class="copyrights">
    Collect from <a href="http://www.cssmoban.com/"  title="网站模板">模板之家</a>
    <a href="https://www.chazidian.com/"  title="查字典">查字典</a>
</div>
</body>
</html>
